<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="Shortcut Icon" href="/logo.ico" type="image/x-icon" />

    <title>掌间创课-下载应用</title>

    <style>
        html,body{
            margin:0;padding:0;
            width:100%;height:100%;
        }
        .box{background: #252525;width:100%;text-align: center;color:#fff;min-height: 100%;}
        .header{padding:10px;background: #1f1f1f;height:50px;line-height: 50px;text-align: center}

        .logo{display: inline-block;}

        .header img{width:50px;border-radius: 8px;float:left;vertical-align: middle;margin-left:10px;}

        .header h4{color:#fff;display: inline-block;margin:0 15px; !important;padding:0;}
        .desc{margin-top:10px;}
        .desc h3{color:#fff;text-align: center;margin:5px 0;}
        .download{
            display: block;
            color:#252525;background: #ffc000;font-size:18px;
            font-weight: bold;width:80%;margin:auto;
            padding:5px 0;
            border-radius: 5px;
            text-decoration: none;
        }

        .open-other{
            position: fixed;top:0;display: none;
            height:100%;background: rgba(24, 24, 26,0.8);
        }
        .open-other img{width:100%;opacity:0.9;}
    </style>
</head>
<body>

<div class="box">
    <div class="header">
<!--        <div class="logo">-->
            <img src="/index/assets/logo/logo.png" alt="">
<!--        </div>-->
        <h4>掌间创课</h4>
        <h4>下载应用</h4>
    </div>
    <div class="desc">
        <h3>为短视频创业而生</h3>
        <h3>系统学习短视频运营创业知识体系</h3>
        <h3 style="color:#ffc100">解决流量+产品+私域流量池</h3>
        <img src="/index/assets/down.png" alt="" style="width:80%;margin-top:10px;">
    </div>
    
    <h4 style="margin:10px;">学员在线学习APP</h4>
    <a class="download" onclick="downloadApp()" >立即下载</a>
<!--    <a class="download" href="{:url('downloadApp')}" >立即下载</a>-->

    <img src="/index/assets/logo/qrcode.jpg" alt="" style="width:40%;min-width:100px;margin-top:20px;">
    <h3 style="margin:5px;">官方微信公众号二维码</h3>

    <div class="open-other">
        <img src="/index/assets/bak.png" alt="" style="">

    </div>
</div>
<script type="text/javascript" src="/index/js/jquery-3.4.1.min.js"></script>
<script src="/index/js/common.js?v=10"></script>
<script>
    function downloadApp(){
        var url = 'https://know.oss-cn-shenzhen.aliyuncs.com/fall/掌间创课.apk';
        
        if(isWeiXin()){
            $('.open-other').show();
        }else{
            location.href=url;
        }
    }

    $('.open-other').click(function(){
        $(this).hide();
    })
</script>
</body>
</html>